<template>
    <div>
        <van-nav-bar :title="title" :fixed="true" :placeholder="true" safe-area-inset-top :left-arrow="arrow" @click-left="onClickLeft" >
            <template #right>
                <van-icon v-show="icon" name="ellipsis" size="30" />
            </template>
        </van-nav-bar>
    </div>
</template>

<script>
    export default {
        props:['title','arrow','icon'],
        name: "navbar",
        data(){
            return{

            }
        },
        methods:{
            onClickLeft() {
                this.back_go(-1);
            }
        }
    }
</script>

<style scoped>
    /*#NavBar {*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    height: 46px;*/
    /*    line-height: 46px;*/
    /*    width:100%;*/
    /*    z-index: 100;*/
    /*}*/
    /*.van-nav-bar{*/
    /*    font-size: 18px!important;*/
    /*    !* 设置导航栏的渐变色 *!*/
    /*    background: linear-gradient(to right, #ff2e29, #fe6e49)!important;*/
    /*    background: -webkit-linear-gradient(to right, #ff2e29, #fe6e49)!important;*/
    /*    border:0;*/
    /*}*/
    /*.van-hairline--bottom::after {*/
    /*    !* 去除导航栏底部的白色横线 *!*/
    /*    border-bottom-width: 0px!important;*/
    /*}*/
</style>
